/* CSS Document */

ul#tab, ul#tab li{
margin:0px;
padding:0px;
list-style-type:none;
}

ul#tab{
margin:0px;
padding:0px; width:1010px;
}

ul#tab li{
float:left;
margin:0px;
padding:0px 3px 0px 0px;
text-align:center;
position:relative;
}

ul#tab a span{
float:left;
margin:0px;color:#fff!important;
padding:5px 21px 13px 20px;
background:url(../images/tab1.png) right top no-repeat;
}

ul#tab a {
float:left;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal; text-transform:uppercase;
text-decoration:none;
color:#fff!important;
background:url(../images/tab.png) left top no-repeat;
}


ul#tab a:hover {
color:#000; 
background:url(../images/tab2.png) left top no-repeat;
}

ul#tab a:hover span {
color:#000!important;
background:url(../images/tab3.png) right top no-repeat;
}

ul#tab .active a span {
color:#000!important;
background:url(../images/tab3.png) right top no-repeat;
}


ul#tab .active a  {
color:#000!important;
background:url(../images/tab2.png) left top no-repeat;
}

ul#tab li ul{float:left; width:200px; position:absolute; top:0px; left:-35px;}
ul#tab li ul{display:none;}
ul#tab li:hover ul{ display:block;}
ul#tab li:hover ul li{width:200px; background:#ccc; height:120px!important; float:left; padding:0px; position:relative;}
ul#tab li:hover ul li a{width:180px; background:#ccc!important; height:auto!important; float:left; color:#fff!important; text-decoration:none; padding:2px 10px; text-align:left!important;}
ul#tab li:hover ul li a:hover{width:180px; background:#000!important; height:120px!important; float:left; color:#000!important; text-decoration:none; padding:2px 10px;}

